import { Button, Result } from "antd";
import { useNavigate } from "react-router-dom";

function Error404() {
  const navigator = useNavigate();

  const handleClick = () => {
    navigator("/");
  };

  return (
    <Result
      status="404"
      title="404"
      subTitle="对不起，您访问的页面不存在."
      extra={
        <Button type="primary" onClick={handleClick}>
          返回首页
        </Button>
      }
    />
  );
}

export default Error404;
